<h5 class="mb-3">全部课程</h5>

<div class="filter-buttons mb-4">
  <button class="btn btn-sm btn-primary">全部</button>
  <button class="btn btn-sm btn-outline-primary">核心训练</button>
  <button class="btn btn-sm btn-outline-primary">塑形减脂</button>
  <button class="btn btn-sm btn-outline-primary">康复训练</button>
  <button class="btn btn-sm btn-outline-primary">孕产普拉提</button>
  <button class="btn btn-sm btn-outline-primary">私教课程</button>
</div>

<div class="list-group">
  <a href="#" class="list-group-item list-group-item-action">
    <div class="d-flex justify-content-between">
      <div>
        <h6 class="mb-1">核心普拉提</h6>
        <small class="text-muted">45分钟 · 中级 · 张教练</small>
      </div>
      <span class="badge bg-primary">核心训练</span>
    </div>
  </a>
  <a href="#" class="list-group-item list-group-item-action">
    <div class="d-flex justify-content-between">
      <div>
        <h6 class="mb-1">塑形普拉提</h6>
        <small class="text-muted">60分钟 · 初级 · 李教练</small>
      </div>
      <span class="badge bg-primary">塑形减脂</span>
    </div>
  </a>
  <a href="#" class="list-group-item list-group-item-action">
    <div class="d-flex justify-content-between">
      <div>
        <h6 class="mb-1">康复普拉提</h6>
        <small class="text-muted">60分钟 · 私教 · 王教练</small>
      </div>
      <span class="badge bg-primary">康复训练</span>
    </div>
  </a>
  <a href="#" class="list-group-item list-group-item-action">
    <div class="d-flex justify-content-between">
      <div>
        <h6 class="mb-1">孕产普拉提</h6>
        <small class="text-muted">45分钟 · 初级 · 李教练</small>
      </div>
      <span class="badge bg-primary">孕产普拉提</span>
    </div>
  </a>
  <a href="#" class="list-group-item list-group-item-action">
    <div class="d-flex justify-content-between">
      <div>
        <h6 class="mb-1">私教一对一</h6>
        <small class="text-muted">60分钟 · 定制 · 所有教练</small>
      </div>
      <span class="badge bg-primary">私教课程</span>
    </div>
  </a>
</div>